<template>
    <div class="drawer-confirm-content">
        <div class="drawer-confirm-content-ok" @click="onOk">确认</div>
        <div class="drawer-confirm-content-delete" @click="onDelete">删除</div>
    </div>
</template>
<script setup>
const emits = defineEmits(['ok', 'delete']);

const onOk = () => emits('ok');

const onDelete = () => emits("delete")

</script>
<style lang="less" scoped>
.drawer-confirm-content {
    position: fixed;
    top: 60px;
    left: 50%;
    z-index: 1001;
    transform: translateX(-50%);
    padding: 12px 16px;
    background: #fff;
    box-shadow: 0 0 3px #ccc;
    display: flex;
    align-items: center;
    gap: 0 12px;
    border-radius: 2px;
    div {
        padding: 6px 16px;
        border-radius: 2px;
        cursor: pointer;
    }
    &-ok {
        background: var(--primary-color);
    }
    &-delete {
        background: var(--error-color);
    }
}
</style>
